

<div id="main" style="width: 400px;height:400px;"></div>

@php
$Coust=\App\model\Coustomer::select(\Illuminate\Support\Facades\DB::raw('count(*) as a'),'source_id')->groupBy(['source_id'])->pluck('a','source_id');
$souce=\App\model\Source::pluck('name','source_id');
/*$name=$souce->map(function($value){
    return $value->name;
})->toJson();*/
$array=[];
$name=[];
$i=0;
foreach ($souce as $k=>$v){
    if ($Coust->get($k)){
        $array[$i]['value']=$Coust->get($k);
    }else{
            $array[$i]['value']=0;
    }
    $array[$i]['name']=$v;
    $name[]=$v;
    $i++;
}

$name=json_encode($name);

$array=json_encode($array);

@endphp
<script>
$(function () {
    var myChart = echarts.init(document.getElementById('main'));
    option = {
        title : {
            text: '渠道来源',
            subtext: '客户渠道来源百分比',
            x:'center'
        },
        tooltip: {
            trigger: 'item',
            formatter: "{a} <br/>{b}: {c} ({d}%)"
        },
        legend: {
            orient: 'vertical',
            x: 'left',
            data:{!! $name !!}
        },
        series: [
            {
                name:'渠道来源',
                type:'pie',
                radius : '55%',
                center: ['50%', '60%'],

                data:{!! $array !!}
            }
        ]
    };


    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
})

</script>